<template>
  <div class="home">
    <el-carousel class="puman">
      <el-carousel-item class="puman-carousel">
        <div class="TopDiv">
          <el-row>
            <el-col style="color: #4d4d4d">
              <strong>
                <p class="TheTitle"></p>
                <p style="font-size: 15px">类别：</p>
                <p style="font-size: 20px"></p>
              </strong>
            </el-col>
          </el-row>
        </div>
        <img class="puman-carousel-img" />
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<style scoped lang="scss">
.home {
  position: absolute;
  height: 100%;
  width: 100%;
  .puman {
    height: 100%;
    .puman-carousel {
      .puman-carousel-img {
        filter: blur(6px);
        object-fit: cover;
        width: 100%;
        height: 100%;
      }
    }
  }
}

::v-deep .el-carousel__container {
  height: 100% !important;
}

.time {
  font-size: 12px;
  color: #999;
}

.bottom {
  margin-top: 13px;
  line-height: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.button {
  padding: 0;
  min-height: auto;
}

.image {
  width: 100%;
  height: 230px;
  display: block;
}
.TopDiv {
  z-index: 10;
  position: absolute;
  left: 50%;
  top: 25%;
  transform: translate(-50%, -50%);
}
.TheTitle {
  font-weight: bolder;
  color: #d5d0d0;
  font-family: 幼圆;
  font-size: 34px;
}
</style>
